<div class="col-md-12">
    <div class="col-md-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                修改密码
            </div>
            <div class="panel-body">
                <div class="">
                    <div class="form-group" style="margin: 5px 5px 5px 5px;">
                        <label>原始密码</label>
                        <input id="oldPasswordInput" type="password" class="form-control">
                        <label>新的密码</label>
                        <input id="newPasswordInput" type="password" class="form-control">
                        <label>确认密码</label>
                        <input id="confirmPasswordInput" type="password" class="form-control">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-4 pull-right" style="padding-right: 5px;">
                            <button id="changePasswordBtn" type="button" class="btn btn-block btn-info"><i class="fa fa-floppy-o"></i>&nbsp;&nbsp;修&nbsp;改</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="panel panel-primary">
            <div class="panel-heading">
                上传头像
            </div>
            <div class="panel-body">
                <div class="">
                 <form id="pictureForm" enctype="multipart/form-data"  class="form-horizontal">
                     <div class="form-group" style="margin: 5px 5px 5px 5px;">
                         <label>图片路径</label>
                         <input id="pictureInput" type="file" name="file" class="form-control">
                     </div>
                 </form>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-4 pull-right" style="padding-right: 5px;">
                            <button id="pictureBtn" type="button" class="btn btn-block btn-inverse"><i class="fa fa-upload"></i>&nbsp;&nbsp;上&nbsp;传</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="panel panel-primary">
            <div class="panel-heading">
                删除用户
            </div>
            <div class="panel-body">
                <div class="">
                    <form id="pictureForm" enctype="multipart/form-data"  class="form-horizontal">
                        <div class="form-group" style="margin: 5px 5px 5px 5px;">
                            <label>用户选择</label>
                            <select id="userSelect" tabindex="-1" aria-hidden="true" class="form-control"></select>
                        </div>
                    </form>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-4 pull-right" style="padding-right: 5px;">
                            <button id="userDelBtn" type="button" class="btn btn-block btn-danger"><i class="fa fa-trash"></i>&nbsp;&nbsp;删&nbsp;除</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="col-md-8">
      <div class="panel panel-primary">
          <div class="panel-heading">
              添加用户
          </div>
          <div class="panel-body">
              <form id="addUserForm" enctype="multipart/form-data"  class="form-horizontal">
                  <div class="form-group" style="margin: 5px 5px 5px 5px;">
                      <label>用户类别</label>
                      <select id="userRoleSelect" name="role" class="form-control" tabindex="-1" aria-hidden="true" ></select>
                      <label>用户名</label>
                      <input id="userNameInput" name="name" type="text" class="form-control">
                      <label>密码</label>
                      <input id="userPassword" name="password" type="password" class="form-control">
                      <label>确认密码</label>
                      <input id="userPasswordConfirm" name="passwordConfirm" type="password" class="form-control">
                      <label>中文名</label>
                      <input id="chineseName" name="chineseName" type="text" class="form-control">
                      <label>性别</label>
                      <select id="genderSelect" name="gender" class="form-control">
                          <option value="0">男</option>
                          <option value="1">女</option>
                      </select>
                      <label>联系方式</label>
                      <input id="contactInput" name="contact" type="text" class="form-control">
                      <label>头像</label>
                      <input id="userPicture" name="file" type="file" class="form-control">
                  </div>
              </form>
              <div class="row">
                  <div class="col-md-12">
                      <div class="col-md-2 pull-right" style="padding-right: 5px;">
                          <button id="saveUserBtn" type="button" class="btn btn-block btn-info"><i class="fa fa-user-plus"></i>&nbsp;&nbsp;添&nbsp;加</button>
                      </div>
                  </div>
              </div>
          </div>
      </div>
    </div>
</div>